<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RESUME</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery_2.0.0.min.js"></script>
    <script src="js/resume.js"></script>
</head>
<body>
    <div class="bg"></div>
    <div class="bgline"></div>
    <div class="light01"></div>
    <div class="light02"></div>
    <div class="light03"></div>
    <div class="light04"></div>
    <div class="light05"></div>
    <div class="light06"></div>
    <div class="light07"></div>
    <div class="container">
        <div class="text01">MY <span>R</span>ESUME \\\\<span>\</span>\\</div>
        <div class="text02">///<span>/</span>///</div>
        <div class="text03">//////<span>/</span></div>
        <div class="text04">&nbsp;&nbsp;&nbsp;&nbsp;··<span>·</span>·······<span>·</span>····<br>····<span>·</span>··<span>·</span>·····</div>
        <div class="text05">///<span>/</span>/////// RE<span>M</span>EMBER<br>NO <span>P</span>AIN<br>NO GAI<span>N</span></div>
        <div class="wrap wrap-left">
            <div class="wrap-inner-left">
                <div class="deco01"></div>
                <div class="deco02"></div>
                <div class="squares"></div>
                <div class="decradius"><i></i><i></i></div>
                <div class="profile">
                    <div class="avator">
                        <img src="photo/user.jpg">
                       <!-- <div class="scan"></div>-->
                    </div>
                    <div class="introduction">
                        <dl>
                            <dt>NAME</dt>
                            <dd>郑朝阳</dd>
                        </dl>
                        <dl class="sp">
                            <dt>PHONE</dt>
                            <dd>12345678900</dd>
                        </dl>
                        <dl>
                            <dt>E-MAIL</dt>
                            <dd>123456789@qq.com</dd>
                        </dl>
                    </div>
                    <ul class="ability">
                        <li class="sp">
                            <div>
                                <i></i>
                                <i></i>
                                <i></i>
                                <i></i>
                                <i></i>
                            </div>
                            <b>语文</b>
                        </li>
                        <li class="sp">
                            <div>
                                <i></i>
                                <i></i>
                                <i></i>
                                <i></i>
                                <i></i>
                            </div>
                            <b>数学</b>
                        </li>
                        <li>
                            <div>
                                <i></i>
                                <i></i>
                                <i></i>
                                <i></i>
                                <i></i>
                            </div>
                            <b>英语</b>
                        </li>
                        <li>
                            <div>
                                <i></i>
                                <i></i>
                                <i></i>
                                <i></i>
                                <i></i>
                            </div>
                            <b>物理</b>
                        </li>
                        <li>
                            <div>
                                <i></i>
                                <i></i>
                                <i></i>
                                <i></i>
                                <i></i>
                            </div>
                            <b>化学</b>
                        </li>
                        <li>
                            <div>
                                <i></i>
                                <i></i>
                                <i></i>
                                <i></i>
                                <i></i>
                            </div>
                            <b>历史</b>
                        </li>
                    </ul>
                    <ul class="skill">
                        <li>
                            <dl>
                                <dt></dt>
                                <dd>90%</dd>
                            </dl>
                            <div>PHOTOSHOP</div>
                            <div class="sm">语文</div>
                        </li>
                        <li>
                            <dl>
                                <dt></dt>
                                <dd>80%</dd>
                            </dl>
                            <div>ILLUSTRATOR</div>
                            <div class="sm">数学</div>
                        </li>
                        <li>
                            <dl>
                                <dt></dt>
                                <dd>50%</dd>
                            </dl>
                            <div>Axure RP</div>
                            <div class="sm">英语</div>
                        </li>
                        <li>
                            <dl>
                                <dt></dt>
                                <dd>90%</dd>
                            </dl>
                            <div>HTML</div>
                            <div class="sm">物理</div>
                        </li>
                        <li>
                            <dl>
                                <dt></dt>
                                <dd>90%</dd>
                            </dl>
                            <div>CSS</div>
                            <div class="sm">化学</div>
                        </li>
                        <li>
                            <dl>
                                <dt></dt>
                                <dd>80%</dd>
                            </dl>
                            <div>JAVASCRIPT</div>
                            <div class="sm">历史</div>
                        </li>
                    </ul>
                    <article class="intro">
                        <div class="intro-ani"><section><span>2011</span>小学毕业</section></div>
                        <div class="intro-ani"><div>三界镇小学<br></div></div>
                        <div class="intro-ani"><section><span>2011 - 2013</span>初中毕业</section></div>
                        <div class="intro-ani"><div>三界镇高中</div></div>
                    </article>
                </div>
            </div>
        </div>
        <div class="wrap wrap-center">
            <div class="wrap-inner-center">
                <div class="measure"><i></i><i></i><i></i><i></i><i></i></div>
                <div class="direction"></div>
                <div class="deco01"></div>
                <div class="deco02"></div>
                <div class="dot01"></div>
                <div class="dot02"></div>
                <div class="works">
                    <div class="board">
                        <div class="board-title">- PERSONAL · PORTFOLIO -</div>
                        <div class="board-img">
                            <a href="cube.html" target="_blank">
                                <img src="photo/QQ图片20231018230816.jpg">
                                <div>01 —— 我的作品集01</div>
                            </a>
                        </div>
                    </div>
                    <ul class="thumbnail">
                        <li class="active">
                            <img 
                                src="images/works/web01.jpg"
                                data="photo/QQ图片20231018230816.jpg"
                                url="cube.html"
                                alt="01 —— 我的作品集01"
                            >
                        </li>
                        <li>
                            <img 
                                src="images/works/web02.jpg"
                                data="photo/QQ图片20231018230841.jpg"
                                url="cube.html"
                                alt="02 —— 我的作品集02"
                            >
                        </li>
                        <li>
                            <img 
                                src="images/works/web03.jpg"
                                data="photo/QQ图片20231018230843.jpg"
                                url="cube.html"
                                alt="03 —— 我的作品集03"
                            >
                        </li>
                        <li>
                            <img 
                                src="images/works/app01.jpg"
                                data="photo/QQ图片20231018230845.jpg"
                                url="cube.html"
                                alt="04 —— 我的作品集04"
                            >
                        </li>
                        <li>
                            <img 
                                src="images/works/app02.jpg"
                                data="photo/QQ图片20231018230847.jpg"
                                url="cube.html"
                                alt="05 —— 我的作品集05"
                            >
                        </li>
                        <li>
                            <img 
                                src="images/works/web04.jpg"
                                data="photo/QQ图片20231018230852.jpg"
                                url="cube.html"
                                alt="06 —— 我的作品集06"
                            >
                        </li>
                        <li>
                            <img 
                                src="images/works/3d01.jpg"
                                data="photo/QQ图片20231018230849.jpg"
                                url="cube.html"
                                alt="07 —— 我的作品集07"
                            >
                        </li>
                        <li>
                            <img 
                                src="images/works/3d02.jpg"
                                data="photo/QQ图片20231018230838.jpg"
                                url="cube.html"
                                alt="08 —— 我的作品集08"
                            >
                        </li>
                        <li>
                            <img 
                                src="images/works/shop01.jpg"
                                data="photo/QQ图片20231018230855.jpg"
                                url="cube.html"
                                alt="09 —— 我的作品集09"
                            >
                        </li>
                        <li>
                            <img 
                                src="images/works/logo01.jpg"
                                data="photo/QQ图片20231018230857.jpg"
                                url="cube.html"
                                alt="10 —— 我的作品集10"
                            >
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="wrap wrap-right">
            <div class="wrap-inner-right">
                <div class="deco01"></div>
                <div class="deco02"></div>
                <div class="squares"></div>
                <div class="decradius"><i></i><i></i></div>
                <div class="profile">
                    <ul class="experience">
                        <li>
                            <div class="exp-title">
                                <span class="exp-company">三界小学</span>
                                <span class="exp-time">2015-2021</span>
                                <b class="exp-tag code">CODE</b>
                                <b class="exp-tag design">DESIGN</b>
                            </div>
                            <div class="exp-detail"><font>三界小学毕业</font></div>
                        </li>
                        <li>
                            <div class="exp-title">
                                <span class="exp-company">三界初中</span>
                                <span class="exp-time">2021-2024</span>
                                <b class="exp-tag code">CODE</b>
                                <b class="exp-tag design">DESIGN</b>
                            </div>
                            <div class="exp-detail"><font>三界初中毕业</font></div>
                        </li>
                        <!--<li>
                            <div class="exp-title">
                                <span class="exp-company">某某互联网公司</span>
                                <span class="exp-time">2015-2017</span>
                                <b class="exp-tag code">CODE</b>
                                <b class="exp-tag design">DESIGN</b>
                            </div>
                            <div class="exp-detail">在设计部担任<font>设计部组长</font>负责Web和APP的需求分析、原型图设计、UI设计、前端静态页面实现，以及公司物料设计。</div>
                        </li>
                        <li>
                            <div class="exp-title">
                                <span class="exp-company">某某互联网公司</span>
                                <span class="exp-time">2014-2015</span>
                                <b class="exp-tag code">CODE</b>
                                <b class="exp-tag design">DESIGN</b>
                            </div>
                            <div class="exp-detail">在技术部担任<font>UI设计师</font>负责线上商城的UI设计、前端静态页面实现。</div>
                        </li>
                        <li>
                            <div class="exp-title">
                                <span class="exp-company">某某电商公司</span>
                                <span class="exp-time">2012-2014</span>
                                <b class="exp-tag code">CODE</b>
                            </div>
                            <div class="exp-detail">在市场企划部担任<font>UI设计师</font>负责线上商城的UI设计。</div>
                        </li>
                        <li>
                            <div class="exp-title">
                                <span class="exp-company">某某电商公司</span>
                                <span class="exp-time">2011-2012</span>
                                <b class="exp-tag code">CODE</b>
                            </div>
                            <div class="exp-detail">在设计部担任<font>美工设计</font>负责线上商城的UI设计。</div>
                        </li>-->
                    </ul>
                    <div class="tags">
                        <span>舒斗村</span>
                        <span>14岁</span>
                        <span>男</span>
                        <span>调皮</span>
                        <span>捣蛋</span>
                        <span>热爱游戏</span>
                        <span>热爱生活</span>
                        <span></span>
                        <span></span>
                        <a href="cube.html" target="_blank" class="board-ani-infinite"><svg t="1640960355454" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4758" width="12" height="12"><path d="M889.00148 1024H135.00148C60.60148 1024 0.00148 963.4 0.00148 889V752c0-24.9 20.1-45 45-45s45 20.1 45 45v137c0 24.8 20.2 45 45 45h754c24.8 0 45-20.2 45-45V135c0-24.8-20.2-45-45-45H135.00148c-24.8 0-45 20.2-45 45v137c0 24.9-20.1 45-45 45S0.00148 296.9 0.00148 272V135C0.00148 60.6 60.60148 0 135.00148 0h754c74.4 0 135 60.6 135 135v754c0 74.4-60.6 135-135 135z" p-id="4759" fill="#000000"></path><path d="M45.00148 558c-24.7 0-44.8-20-45-44.7-0.2-24.9 19.9-45.1 44.7-45.3l518.9-3.3-130.7-130.6c-17.6-17.6-17.6-46.1 0-63.6 17.6-17.6 46.1-17.6 63.6 0l206.8 206.8c12.8 12.8 16.7 32.1 9.8 48.9s-23.2 27.8-41.3 27.9l-626.5 4c-0.1-0.1-0.2-0.1-0.3-0.1z" p-id="4760" fill="#000000"></path><path d="M464.80148 764.8c-11.5 0-23-4.4-31.8-13.2-17.6-17.6-17.6-46.1 0-63.6l206.9-207c17.6-17.6 46.1-17.6 63.6 0 17.6 17.6 17.6 46.1 0 63.6l-206.9 207c-8.8 8.8-20.3 13.2-31.8 13.2z" p-id="4761" fill="#000000"></path></svg> 我的作品集</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>